<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>详情页</title>
    <link rel="stylesheet" href="../bootstrap-3.3.0-dist/css/bootstrap.css">
    <link rel="stylesheet" href="./xiangqing.css">
    <link rel="stylesheet" href="../01index/icon/iconfont.css">
    <script src="../bootstrap-3.3.0-dist/js/jquery-1.11.0.js"></script>
    <script src="../bootstrap-3.3.0-dist/js/bootstrap.js"></script>
</head>
<body>
    <!-- 头部 -->
    <div class="head">
        <div class="w">
            <ul class="list1">
                <li><a href="#">中国大陆</a><span class="caret"></span></li>
                <li><a href="javascript:;">亲，请登录</a></li>
                <li><a href="#">免费注册</a></li>
                <li><a href="#">手机逛淘宝</a></li>
                <li><a href="#">网页无障碍</a></li>
            </ul>

            <ul class="list2">
                <li><a href="#">我的淘宝</a><span class="caret"></span></li>
                <li>
                    <i class="iconfont icon-gouwuche"></i>
                    <a href="javascript:;">购物车</a>
                </li>
                <li>
                    <i class="iconfont icon-ef-shoucangjia-gongju"></i>
                    <a href="#">收藏夹</a>
                </li>
                <li><a href="#">商品分类&nbsp;免费开店</a></li>
                <li><a href="#">|</a></li>
                <li><a href="#">千牛卖家中心</a><span class="caret"></span></li>
                <li><a href="#">联系客服<span class="caret"></span></a></li>
            </ul>
        </div>
    </div>
    <!-- 搜索框 -->
    <div class="search">
        <div class="w">
            <div class="logo">
                <a href="../01index/index.html"></a>
            </div>
            <div class="inputbox">
                <a href="#">宝贝 <span class="caret"></span></a>
                <input type="text">
                <button>搜索</button>
            </div>
        </div>
    </div>
    <!-- 放大镜商品信息 -->
    <div class="main">
        <div class="w">
            <!-- <div class="left">
                <div class="boxs">
                    <div class="box1">
                        <img src="./imges/img01.jpg" alt="">
                        <div class="mark"></div>
                    </div>
                    <div class="box2">
                        <img src="./imges/img01.jpg" alt="">
                    </div>
                </div>
                <ul>
                    <li class="bg"><img src="./imges/min01.jpg" alt=""></li>
                    <li><img src="./imges/min02.jpg" alt=""></li>
                    <li><img src="./imges/min03.jpg" alt=""></li>
                    <li><img src="./imges/min04.jpg" alt=""></li>
                    <li><img src="./imges/min05.jpg" alt=""></li>
                </ul>
            </div>
            <div class="right">
                <div class="r-title">
                    <h1>特步板鞋男鞋2022夏季新款潮流低帮小白鞋情侣百搭休闲鞋官方旗舰</h1>
                    <p>官方直营 正品保证</p>
                </div>
                <div class="ad">
                    <span>聚划算</span>
                    <p>此商品正在参加聚划算，<strong>37分48秒</strong>后结束，请尽快购买</p>
                </div> 
                <div class="message">
                    <p>价格：<span>149.00</span></p>
                    <p>运费：<span>快递包邮</span></p>
                    <div class="size">
                        <span>尺码</span>
                        <div class="btn-group" role="group" aria-label="...">
                            <button type="button" class="btn btn-default">S</button>
                            <button type="button" class="btn btn-default">M</button>
                            <button type="button" class="btn btn-default">L</button>
                        </div>
                    </div>
                    <div class="btns">
                        <button>加入购物车</button>
                        <button>立即购买</button>
                    </div>
                </div>
                   
            </div> -->
        </div>
    </div>
    <!-- 商品详情 -->
    <div class="tab">
        <div class="w">
            <ul class=tab-nav>
                <li class="bg2">商品详情</li>
                <li>评价</li>
            </ul>
            <div class="show" id="boxtext">
                <img src="./imges/huo01.webp" alt="">
                <!-- <img src="./imges/huo02.webp" alt="">
                <img src="./imges/huo03.webp" alt="">
                <img src="./imges/huo01.webp" alt=""> -->
            </div>
            <div id="boxtext">
                <img src="./imges/pingjia.png" alt="">
            </div>
        </div>
        
    </div>
    <!-- 底部 -->
    <div class="footer">
        <div class="w">
            <img src="../images/footer_03.jpg" alt="">
        </div>
    </div>

    <script src="../js/fdj.js"></script>
    <script src="../js/ajax1.js"></script>
    <script src="../js/cookie.js"></script>
    <script src="./xiangqing.js"></script>
    
</body>
</html>